<template>
  <!-- <template> 下必须只有一个根节点 -->
  <div id="app">
    <!-- 渲染路由组件 页面 -->
     <!-- <router-view></router-view> -->
    <!-- 这是开始页面-->
    <!-- 只要写router-view就会渲染所有组件不用一一引入 -->
    <!-- keep-alive缓存作用 -->
    <!-- 只用keep-alive包裹全局缓存
    <keep-alive>
      <router-view></router-view>
    </keep-alive>-->
    <!-- 下面是局部缓存 -->
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
    <!-- 不需要缓存的 -->
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>
</template>

<script>
export default {
  name: "App"
};
</script>

<style>
  /*全局样式可以在这里引入*/
</style>
